<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.con{color:red;padding-left:10px;}
</style>
<script>
// i表示不区分大小写
//var reg=new RegExp('houdun','i');
//alert(typeof reg)

//var str='houdunwang.com';
//alert(reg.test(str))

//var reg=/houdun/i;
//var str='houdunwang.com';
//alert(reg.test(str))
//alert(reg.exec(str))   //typeof --->object  数组
//alert(reg.exec(str)[0])   //typeof  -->string 字符串

window.onload=function(){
	//eval()
	//var str="alert(1)";
	//eval(str);
	
	//把字符串转换成正则对象
	//var reg='/houdun/';
	//alert(typeof reg)
	//alert(typeof eval(reg));
	
	var inputs=document.getElementsByTagName('input');
	var div=document.getElementsByTagName('div')[0];
	inputs[2].onclick=function(){
		var reg=inputs[0].value;
		var str=inputs[1].value;
		var regobj=eval(reg);
		if(regobj.test(str)){
			var result=regobj.exec(str)[0];			//esec() 在字符串中匹配正则，成功则返回数组，失败返回null
			div.innerHTML="匹配结果："+result;
		}else{
			div.innerHTML='匹配结果：匹配错误'	
		};
			
	};
		
};





</script>
</head>

<body>
正则：<input type="text" size="40" />
字符串：<input type="text" size="40" />
<input type="button" value="匹配" />
<hr />
<div class="con"></div>
</body>
</html>
